<!-- If the browser does not support frames put the first topic content here --> <div class="WordSection1"> <p class="MsoNormal"><span style= 'position:relative;z-index:251655680'><span style= 'position:absolute;left:59px;top:-12px;width:68px;height:42px'><img width="68" height="42" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image001.jpg" alt= "http://t2.gstatic.com/images?q=tbn:ANd9GcQ10rENUGDI0C_bxh-VlEiVaWCjBCkTaKbIXPciBd5uZSgu5Tzcyw" /></span></span><span style='position:relative;z-index:251654656'><span style='position:absolute; left:-3px;top:-32px;width:52px;height:78px'><img width="52" height="78" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image002.png" alt="image" /></span></span><b><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></b> <b><span style='font-size:12.0pt'>SLAM4 – Conception et adaptation de solutions applicatives</span></b></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <h1><span style= 'font-size:5.0pt;font-family:"Arial",sans-serif;font-weight: normal'> </span></h1> <p class="MsoNormal" align="center" style='text-align:center'> <b><span style='font-size:16.0pt;font-family:"Arial",sans-serif'>TP Bicloo : Développement d’une application Android</span></b></p> <p class="MsoNormal" align="center" style='text-align:center'> <b><span style= 'font-size:16.0pt;font-family:"Arial",sans-serif'> cliente du service web <img width="54" height="31" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image003.jpg" alt="biclooNantes" /> de la ville de Nantes</span></b></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> 1- Domaine d'étude : consultation du service web Bicloo</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> 2- Diagramme des classes UML</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> 3- Création et initialisation du projet Android</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> 4- Création des classes Station, Carte et Passerelle</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> 5- Développement de l'interface graphique <img width="128" height="74" id="Image 2" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image004.jpg" alt="biclooNantes" name="Image 2" /></span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> 6- Développement du code de l'activité</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> 7- Rédaction d'un rapport</span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:14.0pt;font-family:"Arial",sans-serif'>1- Domaine d'étude : consultation du service web Bicloo</span></b></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style='margin-right:-7.15pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>Cette application a pour objectif d'interroger le service web Bicloo de la ville de Nantes afin de consulter :</span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <ul style='margin-top:0cm' type="disc"> <li class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>la liste des stations <b>bicloo</b> de Nantes</span></li> </ul> <p class="MsoNormal"><span style= 'font-size:4.0pt;font-family:"Arial",sans-serif'> </span></p> <ul style='margin-top:0cm' type="disc"> <li class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>la disponibilité des vélos et des points d'attache pour une station donnée (ces informations étant fournies en temps réel)</span></li> </ul> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <div style= 'border:solid windowtext 1.0pt;padding:1.0pt 4.0pt 1.0pt 4.0pt'> <p class="MsoNormal" style='border:none;padding:0cm'><span style= 'position:absolute; z-index:251653632;margin-left:1px;margin-top:2px;width:34px;height:33px'> <img width="34" height="33" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image005.png" alt="image" /></span><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> Le service web de <b>bicloo</b> (Nantes) sont présentés ici :</span></p> <p class="MsoNormal" style='border:none;padding:0cm'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'> </span> <span lang="EN-US" xml:lang="EN-US"><a href= "https://developer.jcdecaux.com/#/opendata/vls?page=dynamic"><span lang="FR" style='font-size:11.0pt;font-family:"Arial",sans-serif' xml:lang= "FR">Service web bicloo par JCDECAUX</span></a></span></p> </div> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:12.0pt;font-family:"Arial",sans-serif'>L’interface graphique et son fonctionnement</span></b></p> <p class="MsoNormal"><span style= 'font-size:4.0pt;font-family:"Arial",sans-serif'> </span></p> <ul style='margin-top:0cm' type="disc"> <li class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>une première étape permet de lister les stations</span></li> </ul> <p class="MsoNormal"><span style= 'font-size:4.0pt;font-family:"Arial",sans-serif'> </span></p> <ul style='margin-top:0cm' type="disc"> <li class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>une seconde étape permet de choisir une station dans la liste et d'obtenir la situation de cette station en détail (vélos libres, points d'attache disponibles…)</span></li> </ul> <p class="MsoNormal"><span style= 'font-size:4.0pt;font-family:"Arial",sans-serif'> </span></p> <ul style='margin-top:0cm' type="disc"> <li class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>une 3<sup>ème</sup> étape (<span style='color:red'>A FAIRE</span>) permet de lister les 5 stations les plus proches par rapport à la position GPS de l'utilisateur.</span></li> </ul> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:14.0pt;font-family:"Arial",sans-serif'>2- La "classe métier" utilisée</span></b></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <ul style='margin-top:0cm' type="disc"> <li class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>La classe <b>Station</b> représente une station bicloo : nom, adresse, latitude, longitude, nombre de vélos libres, nombre d'emplacements libres. Renseignements fournis par le service web, au format JSON.</span></li> </ul> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><br clear="all" style='page-break-before:always' /></span> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:14.0pt;font-family:"Arial",sans-serif'>3-</span></b> <b><span style= 'font-size:14.0pt;font-family:"Arial",sans-serif'>Création et initialisation du projet Android</span></b></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:12.0pt;font-family:"Arial",sans-serif'>3-1 Création du projet avec Android Studio</span></b></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Créez le projet de la façon habituelle et l'appeler "GestionVelibNantes".</span></p> <p class="MsoNormal"><span style= 'font-size:8.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Vous pourrez choisir, comme icone de l'application, l'image suivante :</span> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><img border="0" width="77" height="45" id="Image 3" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image006.jpg" alt="biclooNantes" name="Image 3" /></span></p> <p class="MsoNormal" align="center" style='text-align:center'> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:14.0pt;font-family:"Arial",sans-serif'>4- Création des interfaces graphiques</span></b></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'position:absolute;z-index:251658752;margin-left: 327px;margin-top:126px;width:63px;height:34px'> <img width="63" height="34" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image007.png" alt="image" /></span><span style= 'position:absolute;z-index:251656704;margin-left:82px;margin-top:77px; width:165px;height:37px'><img width="165" height="37" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image008.png" alt="image" /></span><img width="86" height="86" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image009.png" align="left" hspace="14" vspace="10" alt="Clic" /><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'><img border="0" width="223" height="255" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image010.png" alt="image" /> </span> <span lang="EN-US" xml:lang="EN-US"><img border="0" width="130" height="188" id= "Image 13" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image011.jpg" alt="image" name="Image 13" /></span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><br clear="all" style='page-break-before:always' /></span> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><b><span style= 'font-size:14.0pt;font-family:"Arial",sans-serif'>5- Le Web Service</span></b></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>L'URL permettant d'obtenir la liste et l'état des stations de Nantes est :</span></p> <p class="MsoNormal" style='background:white'><b><span style= 'font-size:8.0pt; font-family:"Courier New";color:green'>https://api.jcdecaux.com/vls/v1/stations?contract=nantes&apiKey=203f24e769faf843e9568fd05a1e1612d39885fc</span></b></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Extrait de document retourné :</span></p> <p class="MsoNormal"><span style= 'position:absolute;z-index:251660800;margin-left: 191px;margin-top:25px;width:142px;height:69px'> <img width="142" height="69" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image012.png" alt="image" /></span><span style= 'position:absolute;z-index:251659776;margin-left:121px;margin-top:10px; width:355px;height:20px'><img width="355" height="20" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image013.png" alt="image" /></span><span style= 'font-family:"Courier New"'>[{"number":10,"contract_name":"nantes","name":"010- PICASSO","address":"12, mail Pablo Picasso","position":{"lat":47.216207,"lng":-1.533796}, "banking":false, "bonus":false,"bike_stands":40,"available_bike_stands":27,"available_bikes":13, "status":"OPEN","last_update":1619380282000}, {... }]</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><img width="208" height="42" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image014.png" align="left" hspace="12" vspace="5" alt= "L'objet position fourni la latitude et la longitude de la station" /></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal" style='margin-right:-14.25pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>La propriété "</span><span style= 'font-family:"Courier New"'>available_bikes"</span> <span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>fourni le nombre de vélos disponibles dans cette station.</span></p> <p class="MsoNormal" style='margin-right:-14.25pt'><span style= 'font-size:11.0pt; font-family:"Arial",sans-serif'>La propriété</span> <span style= 'font-family: "Courier New"'>"available_bike_stands"</span> <span style= 'font-size: 11.0pt;font-family:"Arial",sans-serif'>fourni le nombre d'emplacements disponibles dans cette station.</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'>Visualisation sur navigateur :</span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'><img border="0" width="537" height="577" id="Image 1" src= "TP%205%20Java-Android%20-%20Client%20service%20web%20velib%20pour%20Android_VersionDECAUX_fichiers/image015.png" alt="image" name="Image 1" /></span></p> <p class="MsoNormal"><span style= 'font-size:11.0pt;font-family:"Arial",sans-serif'> </span></p> </div>
Table des matières
Sujets
Recherche
Help content
Help content
Générée avec
chmProcessor
Générée avec
chmProcessor